<template>
   <div>
       <DiscussInfo :discuss="ReplyDiscussInfo" class="DiscussOne flex" />
       <i class="el-icon-close exit" @click="REPLYDOWN"></i>
   </div>
</template>
<script>
import { mapMutations, mapState } from 'vuex'
import DiscussInfo from '../../Discuss/DiscussInfo/DiscussInfo.vue'
  export default 
  {
  components: { DiscussInfo },
     name :'', 
     computed:{
        ...mapState('Discuss',['ReplyDiscussInfo']),
         ...mapState('ArticleDetail',['ArticleDetail'])
     },
     methods:{
      ...mapMutations('Discuss',['REPLYDOWN'])
     }
  }
</script>
<style scoped lang='less'>
.DiscussOne{
   width: 100%;
   padding: 5px;
   box-sizing: border-box;
   margin-top: 5px;
   align-items: flex-start;
   justify-content: flex-start;
   flex-wrap: nowrap;
}
// 退出
.exit{
  position: absolute;
  right: 5px;
}
.exit:hover{
   background: rgba(0, 0, 0, 0.5);
}
</style>